<template>
	<view class="menubutton"
		:style="{height:configStore.menuButtonInfo.height + configStore.menuButtonInfo.top +10+'px'}">
		<view class="title font-14 flex">
			<up-icon name='arrow-left-double' @click='back'></up-icon>
			<slot>
				<text class="m-l-ll">首页</text>
			</slot>
		</view>
	</view>
</template>
<script setup>
	import {
		useConfigStore
	} from '@/stores/modules/config';
	const configStore = useConfigStore();
	const back = ()=>{
		uni.redirectTo({
			url:"/pages/forum/index"
		})
	}
</script>

<style lang="less" scoped>
	.menubutton {
		position: fixed;
		width: 100%;
		z-index: 1000;
		top: 0;
		background: rgba(255, 255, 255,0.6);
	}
	.title{
		width: 100%;
		position: absolute;
		bottom: 10px;
		left: 10px;
	}
</style>